<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>供应链平台首页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-2.2.1.min.js"></script>
		 <script src="js/comment.js" type="text/javascript">
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
		<!--<script type="text/javascript">
			$("body").css("width", $(window).width()); 
		</script>-->
		<script>
			$(function(){
				$("#move").click(function(){
					location.href="http://127.0.0.1:8020/bootstrap-3.3.5-dist/zhuye.html";
				});
				var num =2016;
				$.ajax({
					contentType:"application/json",
					type:"get",
					url:"http://localhost/mmgyl/index.php/Home/proshow/proSearch",
					data:"searchtext"+num,
					cache:"false",
					async:true,
					success: function(datac){
						var str = "";
						$(".goods-price i").html("");
						for (var i=0;i<datac.data.length;i++) {
							str = datac.data[i].price;
							$(".goods-price i"+i).html(str);
						}
					},
					error: function(datac){
						alert("出错啦")
					}
				});	
			})
			function myMove(site){
				window.location=site;
			}
		
		</script>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<div class="heading">
						<div class="heading-nav">
							<ul>
								<li><a href="#">登录</a><span>|</span></li>
								<li><a href="#">注册</a></li>
								<li id="shopping-car"><a id="myA" href="#">
									<i><img src="images/图标/icon-购物车.png" alt="购物车" width="17" height="14"/></i>
									我的购物车</a>
									<ul id="shopping-pull">
										<li><p>购物车中还没有商品，快去精心选购吧！</p></li>
									</ul>
								</li>
								<li style="padding: 0px ;"><a href="#">
									<i><img src="images/图标/icon-我的订单.png" alt="我的订单" width="12" height="14"/></i>
									我的订单</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-2 col-xs-2">
						<div class="logo">
						<a href="#"><img src="images/图标/logo.png" alt="logo"/></a>	
						</div>
					</div>
					<div class="col-md-6 col-xs-6">
						<div class="nav-top">
							<ul>
								<li><a href="javascript: myMove('http://127.0.0.1:8020/bootstrap-3.3.5-dist/zhuye.html');">特色茂名</a></li>
								<li><a href="#">发现好物</a></li>
								<li><a href="#">推荐最多</a></li>
								<li><a href="#">疯狂吃货</a></li>
								<li><a href="#">抢购专场</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-4 col-xs-4">
						<div class="search">
							<input type="text" placeholder="请输入关键字..."/>
							<input type="button" value="搜索" placeholder="搜索"/>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-xs-12">
						<div class="nav-left">
							<ul>
								<li class="first-list"><a href="javascript:;"><span>蔬菜</span><i class="glyphicon glyphicon-menu-right"></i></a>
									
										<ul class="children-list">
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机4c</a></li>
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
											<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
										</ul>
									
								</li>
								<li class="first-list"><a href="javascript:;"><span>水果</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>机4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>海产</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>化工</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小机4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>茶类</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>家畜</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>小吃</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>工艺品</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米max</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
								<li class="first-list"><a href="javascript:;"><span>其他</span><i class="glyphicon glyphicon-menu-right"></i></a>
									<ul class="children-list">
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米手机5</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>小米4c</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>note3</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3s</a></li>
										<li><a href="javascript:;"><img src="images/demo.jpg" alt="" width="30" height="20"/>红米手机3</a></li>
									</ul>
								</li>
							</ul>
						</div>
						<div class="row">
							<div class="col-md-12 col-xs-12">
								<div id="carousel-nav">
									<div id="carousel-list" style="left: -1226px;">
										<img src="images/carousel/3.jpg" alt="轮播图3"/>
										<img src="images/carousel/1.jpg" alt="轮播图1"/>
										<img src="images/carousel/2.jpg" alt="轮播图2"/>
										<img src="images/carousel/3.jpg" alt="轮播图3"/>
										<img src="images/carousel/1.jpg" alt="轮播图1"/>
									</div>
									<div id="carousel-btn">
										<span index="1" class="on"></span>
										<span index="2"></span>
										<span index="3"></span>
									</div>
									
										<a href="javascript:;" id="prev" class="arrow" >&lt;</a>
										<a href="javascript:;" id="next" class="arrow">&gt;</a>
									
								</div>															
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-xs-3">
						<div class="home-promo">
							<a href="#"><img src="images/home-promo/1.png"/></a>
						</div>
					</div>
					<div class="col-md-3 col-xs-3">
						<div class="home-promo">
							<a href="#"><img src="images/home-promo/2.png"/></a>
						</div>
					</div>
					<div class="col-md-3 col-xs-3">
						<div class="home-promo">
							<a href="#"><img src="images/home-promo/3.png"/></a>
						</div>
					</div>
					<div class="col-md-3 col-xs-3">
						<div class="home-promo">
							<a href="#"><img src="images/home-promo/1.png"/></a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-xs-12">
						<div class="word-sort">
							<p>为你精选</p>
						</div>
						<div class="select-promo">
							<ul>
								<li id="move"><a href="#"><img src="images/select-promo/1.png"/ alt=""></a></li>
								<li><a href="#"><img src="images/select-promo/2.png"/ alt=""></a></li>
								<li><a href="#"><img src="images/select-promo/3.png"/ alt=""></a></li>
								<li><a href="#"><img src="images/select-promo/4.png"/ alt=""></a></li>
								<li><a href="#"><img src="images/select-promo/5.png"/ alt=""></a></li>
							</ul>			
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-xs-12">
						<div class="word-sort">
							<p>种植类</p>
						</div>
						<div class="select-promo">
							<ul>
								<li><a href="#"><img src="images/select-promo/1.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>159.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/2.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>79.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/3.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>189.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/4.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>179.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/5.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>149.0</i></strong>
									</div>
									</div>
								</li>
							</ul>			
						</div>
						<div class="select-promo">
							<ul>
								<li><a href="#"><img src="images/select-promo/1.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>159.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/2.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>79.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/3.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>189.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/4.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>179.0</i></strong>
									</div>
									</div>
								</li>
								<li><a href="#"><img src="images/select-promo/5.png"/ alt=""></a>
									<div class="description">
										<div class="caption">
										<p>七格格夏新款 静谧蓝翻领拼接露肩短</p>
									</div>
									<div class="add-into-shopping"></div>
									<div class="goods-price">
										<strong><em>￥</em><i>149.0</i></strong>
									</div>
									</div>
								</li>
							</ul>			
						</div>
					</div>
				</div>
				<div class="footer-first">
				<div class="row">
						<div class="col-md-9 col-xs-9">
						
						<div class="footer">
							<ul>
								<li><a href="#"><h4>帮助中心</h4></a>
									<ul>
										<li><a href="#">账户管理</a></li>
										<li><a href="#">购物指南</a></li>
										<li><a href="#">订单操作</a></li>
									</ul>
								</li>
								<li><a href="#"><h4>服务支持</h4></a>
									<ul>
										<li><a href="#">售后政策</a></li>
										<li><a href="#">自助服务</a></li>
										<li><a href="#">相关下载</a></li>
									</ul>
								</li>
								<li><a href="#"><h4>关注我们</h4></a>
									<ul>
										<li><a href="#">新浪微博</a></li>
										<li><a href="#">qq邮箱</a></li>
										<li><a href="#">官方微信</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-xs-3">
						<div id="contact">
						<p>400-100-12580</p>
						<p><a class="btn btn-default" href="#" role="button">在线客服</a></p>
						</div>
					</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="footer-last">
							<ul>
								<li><a href="#">关于我们</a>|</li>
								<li><a href="#">联系我们</a>|</li>
								<li><a href="#">商家入驻</a>|</li>
								<li><a href="#">友情链接</a>|</li>
								<li><a href="#">意见反馈</a>|</li>
								<li><a href="#">售后服务</a>|</li>
								<li><a href="#">知识产权</a></li>
							</ul>
						</div>
							<br />
							<div class="power">
							<p>
								Copyright&copy;2016广东石油化工学院云计算实验室版权所有
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>